@charset "utf-8";
/*公用样式*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, button,header ,section,footer,nav,article,figure,figcaption{padding: 0;margin: 0;}
body{background: #d7d7d9; font-family: "宋体"; font-size: 12px;}
fieldset, img {border: 0;}
h1,h2,h3,h4,h5,h6{font-family: "Microsoft Yahei"; font-weight: lighter;}
a {text-decoration: none; color: #565656;}
a:hover {color: #271406;}
ul {list-style: none;}
.fl { display:inline-block; float:left;}
.fr { float:right;}
.clearfix {float: none;clear: both;}

/*banner*/
#n_ban{width: 100%; height: 500px; }
.n_ban_in{width: 100%; height: 500px; background: url("../images/ban.jpg") no-repeat top center;}
.n_nav_pic{overflow: hidden;  clear: both;height: 99px;}
.n_nav_pic a{display: block; float: left;height: 99px; width: 170px; text-align: center; border-left: 1px solid #ccc;padding:5px 0px;}
#hdp_index{height:500px;margin:0 auto;padding:0;width:100%;position:relative; background-color:#FFFFFF; background-position:center top;}
.hdp_item{background-position:top center; background-repeat:no-repeat;height:500px;}
#zuo,#you{cursor:pointer;}
#zuo{ position:absolute; top:160px; left:10%; z-index:100;}
#you{ position:absolute; top:160px; right:10%; z-index:100;}
#xfknav{position:absolute; bottom:5px; left:45%;}
.xfkitem{width: 40px; height:4px; float: left; margin: 0px 3px 10px 3px; cursor:pointer;background: #fff;opacity: 0.5;filter:alpha(opacity=50);}
.xfkitem_on{width: 40px; height:4px; float: left; margin: 0px 3px 10px 3px; cursor:pointer; background:#05a4e1; opacity:0.5;filter:alpha(opacity=50);}

/*新banner图片*/
/* rslides */
.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:30px;height:4px;margin-left:6px;background: #fff;opacity: 0.5;filter:alpha(opacity=50);position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:30px;height:4px; background:#05a4e1; opacity:0.5;filter:alpha(opacity=50);position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

/* Callback example */
.callbacks_container{
	margin-bottom:2px;
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url("/chindt_img/common/themes.gif") no-repeat left top;
	margin-top:-30px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
}

/*新footer页面代码*/
.footer{ background-color:#3a3a3a; width: 100%;padding-top:20px; clear:both;margin-top:30px;}

.footer .box { width:1200px; margin:0 auto;}
.footer_xx{ background-color:#272c30; border-top:1px solid #a6abaf; line-height:48px; text-align:center; color:#a6abaf; padding-bottom:10px; width:100%;}
.footer_xx a { color:#a6abaf;}
.footer_xx a:hover { color:#05a4e1;}
.footer_xx .box{ text-align:center; width:1200px; margin:0px auto 50px auto;}
.ft_l{ width:462px; float:left; border-right:1px solid #a6abaf; line-height:24px;}
.f_wx{ float:left; }
.ft_l1{ margin-left:140px; line-height:18px; color:#a6abaf; }
.f_logo{ height:84px; }
.f_logo a{ width:300px; height:70px; display:block; float:left; text-decoration:-9999px;background:url("/chindt_img/common/footer_logo.png") no-repeat;text-indent:-9999px; }
.f_xx{ clear:both; padding-top:10px; color:#a6abaf;}
.ft_r{ width:700px; float:left; padding-left:30px;}
.ft_r a{ color:#a6abaf;}
.ft_r ul li{ width:115px; float:left; text-align:center;}
.ft_r ul li a{ font-size:14px; font-family:"微软雅黑"; font-weight:bold; line-height:30px;}
.ft_r ul li ul li{ float:none;}
.ft_r ul li ul li a{ font-size:12px; line-height:22px; font-family:"微软雅黑"; font-weight:100;}

/*自适应*/
@media screen and (max-width: 1010px){
	.footer{ min-width: 1300px; background-color:#272c30; width: 100%; }
	.footer_xx{ min-width: 1300px; background-color:#272c30; width: 100%; }
}
@media screen and (max-width: 630px) and (min-width: 320px) {
	.footer .copyright{border:none;}
	.footer{padding:0; background-color:#272c30; width: 100%;}
	.footer_xx{ width:100%; background-color:#272c30; border-top:1px solid #a6abaf; }
}
@media screen and (max-width:1366px){
.icon-page,.backwrap{ width: 1160px !important; padding: 0 20px; }
/*.ck-slide{ width:940px!important;  }*/
.banner{ width: 1000px; }
.footer{ width:150%; background-color:#272c30; }
.footer_xx{ width:150%; background-color:#272c30; border-top:1px solid #a6abaf; }
}

/*底部浮动导航*/
.footer_nav{ width:100%; height:60px; background:url("/chindt_img/common/footer_nav_line.jpg") repeat-x left top;position: fixed; bottom: 0; _position: absolute; z-index: 9999;_top:expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);/*兼容E6*/ }
.footer_nav ul{ width:1080px; margin:0 auto;}
.footer_nav ul li{ float:left; padding:0 10px 0 0;}
.footer_nav .icon1{ width:52px; height:60px; display:block; background:url("/chindt_img/common/footer_nav_icon1.png") no-repeat; float:left;}
.footer_nav .icon2{ width:232px; height:60px; background:url("/chindt_img/common/footer_nav_400.png") no-repeat;display:block; overflow:hidden; text-indent:-9999px;}
.footer_nav .tel_pannel{ width:240px; height:40px; float:left; padding:10px 0 0 10px;}
.footer_nav .tel_input_bk{ width:150px; height:40px; background:#fff; border:0; float:left; padding-left:5px; font-size:14px;}
.footer_nav .tel_btn{ width:80px; height:40px; line-height:40px; background:#FF4C4C; font-weight:bold; font-size:16px; color:#fff; float:left; border:0; cursor:pointer;}
.footer_nav .hd3000{ width:500px; height:60px; background:url("/chindt_img/common/footer_nav_tel.png") no-repeat 10px top; display:block; overflow:hidden; text-indent:-9999px;}
.footer_nav .free{ width:232px; height:60px; background:url("/chindt_img/common/footer_nav_icon2.png") no-repeat;display:block; overflow:hidden; text-indent:-9999px;}
.footer_nav .uccfjd{ position:relative;}
.input_test,.footer_nav .input_test1,.footer_nav .tel_pannel2 .input_test2{ color:#aaa;}

/* 右侧悬浮代码 */
.toolbar-item,.toolbar-layer{background:url("/chindt_img/common/toolbar.png") no-repeat;}
.toolbar{position:fixed;right:0px;bottom:70px;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}

/* 左侧悬浮代码 */
.qqserver .qqserver-header:after,.qqserver .qqserver-header:before,.qqserver li a:after,.qqserver li a:before{ display:table;content:' '}
.qqserver .qqserver-header:after,.qqserver li a:after{clear:both}
.qqserver .qqserver-header,.qqserver li a,.tabs,.user-main,.view-category,.view-category-list>li{*zoom:1}
.qqserver{position:fixed;top:30%;left:0;height:auto;margin-top:-104px}
.qqserver.unfold .qqserver-body{left:0}
.qqserver .qqserver-body{position:absolute;left:-144px;width:122px;height:auto;padding:12px 10px;-webkit-transition:.3s cubic-bezier(.19,1,.22,1);-o-transition:.3s cubic-bezier(.19,1,.22,1);transition:.3s cubic-bezier(.19,1,.22,1);border:1px solid #62b651;border-radius:4px;background:#f4f7fa}
.qqserver .qqserver_fold{position:absolute;left:0;padding:14px 7px;cursor:pointer;border-top-right-radius:8px;border-bottom-right-radius:8px;background:#70ca5d}
.qqserver .qqserver-header{padding-bottom:10px;padding-left:6px;border-bottom:1px dashed #d1d4cc}
.qqserver .qqserver-header *{float:left}
.qqserver .qqserver_arrow{margin-top:-1px;margin-left:7px;cursor:pointer}
.qqserver li{margin-top:6px}
.qqserver li a{display:block;padding:6px 12px 4px}
.qqserver li a div{font-size:14px;float:left;margin-right:11px;color:#697466}
.qqserver li a span{font-size:12px;line-height:18px;float:left;text-indent:0px;color:#fff}
.qqserver li a span.qqserver-service-alert{font-weight:400;display:block}
.qqserver li a:hover{text-decoration:none;border-radius:4px;background:#eaebe9}
.qqserver li a:hover div{color:#62b651}
.qqserver .qqserver-footer{margin-top:10px;padding-top:14px;padding-bottom:14px;padding-left:11px;border-top:1px dashed #d1d4cc}
.qqserver .qqserver-footer2{margin-top:10px;padding-top:14px;padding-bottom:14px;padding-left:0px;border-top:1px dashed #d1d4cc}
.qqserver .qqserver-footer .text-primary{color:#70CA5D;font-size:14px;}
.qqserver .qqserver_icon-alert{display:inline-block;margin-right:10px;vertical-align:-3px;*display:inline;*zoom:1;*vertical-align:-1px}
.qqserver-header div{width:90px;height:18px;background-image:url("/chindt_img/common/backgrounds.32.png");background-position:-419px -80px}
.qqserver_icon-alert{width:16px;height:14px;background-image:url("/chindt_img/common/backgrounds.32.png");background-position:-595px -85px}
.qqserver li a span{width:30px;height:23px;background-image:url("/chindt_img/common/backgrounds.32.png");background-position:-265px 0}
.qqserver li a .qqserver-service-alert{width:30px;height:22px;background-image:url("/chindt_img/common/backgrounds.32.png");background-position:-342px 0}
.qqserver_fold div{width:26px;height:132px;background-image:url("/chindt_img/common/backgrounds.32.png");background-position:0 0}
.qqserver_fold:hover div{width:26px;height:132px;background-image:url("/chindt_img/common/backgrounds.32.png");background-position:-27px 0}
.qqserver_arrow{width:18px;height:18px;background-image:url("/chindt_img/common/backgrounds.32.png");background-position:-435px 0}
.qqserver_arrow:hover{width:18px;height:18px;background-image:url("/chindt_img/common/backgrounds.32.png");background-position:-435px -38px}

.qqserver{z-index:999;}

/*内页banner滚动效果图开始*/
.main_image {
	width:100%;
	height:426px;
	overflow:hidden;
	margin:0 auto;
	position:relative
}
.main_image ul {
	width:9999px;
	height:426px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0
}
.main_image li {
	float:left;
	width:100%;
	height:426px;
}
.main_image li span {
	display:block;
	width:100%;
	height:426px
}
.main_image li a {
	display:block;
	width:100%;
	height:426px
}
.main_image li .img_1 {
	background: url('/chindt_img/sub/banner_1.jpg') center top no-repeat
}
.main_image li .img_2 {
	background: url('/chindt_img/sub/banner_1.jpg') center top no-repeat
}
.main_image li .img_3 {
	background: url('/chindt_img/sub/banner_1.jpg') center top no-repeat
}
.main_image li .img_4 {
	background: url('/chindt_img/sub/banner_1.jpg') center top no-repeat
}
.main_image li .img_5 {
	background: url('/chindt_img/sub/banner_1.jpg') center top no-repeat
}
div.flicking_con {
	width:990px;
	margin:0 auto;
	position:relative
}
div.flicking_con .flicking_inner {
	position:absolute;
	top:400px;
	left:45%;
	z-index:999;
	width:426px;
	height:21px
} /* 121126 */
div.flicking_con a {
	float:left;
	width:21px;
	height:21px;
	margin:0;
	padding:0;
	background:url('/chindt_img/sub/btn_main_img.png') 0 0 no-repeat;
	display:block;
	text-indent:-1000px
}
div.flicking_con a.on {
	background-position:0 -21px
}
#btn_prev, #btn_next {
	z-index:11111;
	position:absolute;
	display:block;
	width:73px!important;
	height:74px!important;
	top:50%;
	margin-top:-37px;
	display:none;
}
#btn_prev {
	background:url("/chindt_img/sub/hover_left.png") no-repeat left top;
	left:10%;
}
#btn_next {
	background:url("/chindt_img/sub/hover_right.png") no-repeat right top;
	right:10%;
}
/*内页banner滚动效果图结束*/
.line_bottom { width:1200px; height:2px; border-bottom:dashed 1px #DDD; margin:0 auto;}
.line_bottom2 { width:930px; height:2px; border-bottom:dashed 1px #DDD; margin:20px auto;}
.line_bottom3 { width:930px; height:2px; border-bottom:dashed 1px #DDD; margin:0px auto 20px auto;}
